<template>
  <div class="index">
    <div>
      <h1>Welcome to JiaDou</h1>
      <hr>
      <el-row>
        <el-col :span="24">
          <div class="link">
            <el-link type="primary" href="#/register" :underline="false" class="l_link">前去注册</el-link>
            <el-link type="primary" href="#/login" :underline="false" class="l_link">前去登录</el-link>
            <el-link type="primary" href="#/reading" :underline="false" class="l_link">读书</el-link>
            <el-link type="success" href="#/music" :underline="false" class="l_link">音乐</el-link>
            <el-link type="warning" href="#/movie" :underline="false" class="l_link">电影</el-link>
            <el-link type="danger" href="#/beanindex" :underline="false" class="l_link">豆品</el-link>
            <el-link type="info" href="http://douban.com" :underline="false" class="l_link">关于我们</el-link>
          </div>
        </el-col>
      </el-row>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "index",
    methods:{
    }
  }
</script>

<style scoped>
  .link {
    height: 40px;
    line-height: 40px;
  }

  .l_link {
    font-weight: bold;
    font-size: 16px;
    margin: 0 15px;
  }

</style>
